.fl {
    /* 横向不换行 */
    display: flex !important;
    flex-wrap: nowrap;
}

.fl-wrap {
    /* 横向换行 */
    display: flex !important;
    flex-wrap: wrap;
}

.fl-ver {
    /* 竖向 */
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.ai-sta {
    align-items: flex-start;
}

.ai-cen {
    align-items: center;
}

.ai-end {
    align-items: flex-end;
}

.fl-sb {
    /* item两端对齐 */
    justify-content: space-between;
}

.fl-sa {
    /* item分散对齐 */
    justify-content: space-around;
}

.fl-cen {
    /* 居中对齐 */
    justify-content: center;
}

.fl-sta {
    /* item左对齐 */
    justify-content: flex-start;
}

.fl-end {
    /* item右对齐 */
    justify-content: flex-end;
}

.ac-sta {
    /* 多行顶对齐 */
    align-content: flex-start;
}

.fl-g1 {
    /* item放大比例 */
    flex-grow: 1;
}

.fl-s0 {
    /* 当空间不足时，item缩小比例，0不缩小、1缩小 */
    flex-shrink: 0;
}

.fl-s1 {
    flex-shrink: 1;
}